{
    "detail": {
        "width": 1289.94,
        "height": 878,
        "query": "function(){\n    return window.$glob.params || {}\n}",
        "header": "function(){\n    return window.$glob.params || {}\n}",
        "screen": "x",
        "mark": {
            "show": false,
            "text": "",
            "fontSize": 20,
            "color": "rgba(100,100,100,0.2)",
            "degree": -20
        },
        "scale": 1,
        "backgroundImage": "",
        "url": "",
        "gradeShow": false,
        "gradeLen": 30,
        "name": "塔基监测",
        "backgroundColor": "rgba(22, 26, 101)"
    },
    "component": [
        {
            "title": "文件夹",
            "name": "API",
            "index": "7b7574ca-785e-4649-8599-45ade990edcf",
            "menu": true,
            "display": true,
            "lock": true,
            "children": [
                {
                    "name": "今日告警数",
                    "title": "数据集",
                    "icon": "icon-text",
                    "img": "img/assets/time.png",
                    "dataType": 1,
                    "data": {},
                    "dataFormatter": "(data,params,refs)=>{\n    return data.data.list[0]||{}\n}",
                    "dataHeader": "",
                    "dataQuery": "(data)=>{\n    return {\n\"unit_no\": \"screen_jxsb_sjj_jrbj_count_730\",\n\"project_id\":\"358\",\n\"data_format\":\"row\",\n\"injections\":[\n\n]\n}\n}",
                    "component": {
                        "width": 100,
                        "height": 100,
                        "name": "data",
                        "prop": "data"
                    },
                    "option": {},
                    "left": 0,
                    "top": 0,
                    "index": "73218913-3925-464c-8915-dccd65ce097c",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 45,
                    "dataMethod": "post",
                    "url": "http://test_console_api.ihibuilding.cn/proxy/api/v1/screen/unit_data",
                    "display": true,
                    "proxy": false
                },
                {
                    "name": "在线总数",
                    "title": "数据集",
                    "icon": "icon-text",
                    "img": "img/assets/time.png",
                    "dataType": 1,
                    "data": {},
                    "dataFormatter": "(data,params,refs)=>{\n    return data.data.list[0]||{}\n}",
                    "dataHeader": "",
                    "dataQuery": "(data)=>{\n    return {\n\"unit_no\": \"screen_jxsb_sjj_zxzs_count_730\",\n\"project_id\":\"358\",\n\"data_format\":\"row\",\n\"injections\":[\n\n]\n}\n}",
                    "component": {
                        "width": 100,
                        "height": 100,
                        "name": "data",
                        "prop": "data"
                    },
                    "option": {},
                    "left": 0,
                    "top": 0,
                    "index": "6a8a0ca7-0930-428d-a927-0297671120c9",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 44,
                    "dataMethod": "post",
                    "url": "http://test_console_api.ihibuilding.cn/proxy/api/v1/screen/unit_data",
                    "display": true,
                    "proxy": false
                },
                {
                    "name": "升降机总数",
                    "title": "数据集",
                    "icon": "icon-text",
                    "img": "img/assets/time.png",
                    "dataType": 1,
                    "data": {},
                    "dataFormatter": "(data,params,refs)=>{\n    return data.data.list[0]||{}\n}",
                    "dataHeader": "",
                    "dataQuery": "(data)=>{\n    return {\n\"unit_no\": \"screen_jxsb_sjjzs_count_730\",\n\"project_id\":\"358\",\n\"data_format\":\"row\",\n\"injections\":[\n\n]\n}\n}",
                    "component": {
                        "width": 100,
                        "height": 100,
                        "name": "data",
                        "prop": "data"
                    },
                    "option": {},
                    "left": 0,
                    "top": 0,
                    "index": "e436893f-f558-4d94-8cda-817b7ca64324",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 43,
                    "dataMethod": "post",
                    "url": "http://test_console_api.ihibuilding.cn/proxy/api/v1/screen/unit_data",
                    "display": true,
                    "proxy": false
                },
                {
                    "name": "卸料平台tab列表",
                    "title": "数据集",
                    "icon": "icon-text",
                    "img": "img/assets/time.png",
                    "dataType": 1,
                    "data": {},
                    "dataFormatter": "(data,params,refs)=>{\n    return data.data.list\n}",
                    "dataHeader": "",
                    "dataQuery": "(data)=>{\n    return {\n\"unit_no\": \"screen_jxsb_sjj_list_730\",\n\"project_id\":\"15855\",\n\"data_format\":\"row\",\n\"injections\":[\n]\n}\n}",
                    "component": {
                        "width": 100,
                        "height": 100,
                        "name": "data",
                        "prop": "data"
                    },
                    "option": {},
                    "left": 0,
                    "top": 0,
                    "index": "7b91de36-d89f-4c16-bd7c-a892ac99461c",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 42,
                    "dataMethod": "post",
                    "url": "http://test_console_api.ihibuilding.cn/proxy/api/v1/screen/unit_data",
                    "display": true,
                    "proxy": false
                },
                {
                    "name": "卸料平台统计",
                    "title": "数据集",
                    "icon": "icon-text",
                    "img": "img/assets/time.png",
                    "dataType": 1,
                    "data": {},
                    "dataFormatter": "(data,params,refs)=>{\n    return data.data.list[0]\n}",
                    "dataHeader": "",
                    "dataQuery": "(data)=>{\n    return {\n\"unit_no\": \"screen_jxsb_xlpt_count_730\",\n\"project_id\":\"15855\",\n\"data_format\":\"row\",\n\"injections\":[\n]\n}\n}",
                    "component": {
                        "width": 100,
                        "height": 100,
                        "name": "data",
                        "prop": "data"
                    },
                    "option": {},
                    "left": 0,
                    "top": 0,
                    "index": "14765d4f-8cad-41ab-878f-c3334bdd6c28",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 41,
                    "dataMethod": "post",
                    "url": "http://test_console_api.ihibuilding.cn/proxy/api/v1/screen/unit_data",
                    "display": true,
                    "proxy": false
                }
            ],
            "zIndex": 46,
            "child": {},
            "dataFormatter": "",
            "isname": false
        },
        {
            "name": "tab组件",
            "title": "自定义Vue组件",
            "icon": "icon-bar",
            "img": "img/assets/text4.png",
            "dataType": 5,
            "data": {
                "name": "avue"
            },
            "dataFormatter": "(data,params,refs)=>{\n    return data\n}",
            "dataHeader": "",
            "dataQuery": "(data)=>{\n    return {\n\"unit_no\": \"screen_jxsb_xlpt_list_730\",\n\"project_id\":\"15855\",\n\"data_format\":\"row\",\n\"injections\":[\n]\n}\n}",
            "stylesFormatter": "",
            "component": {
                "width": 1265.71,
                "height": 66.03,
                "name": "vue",
                "prop": "vue",
                "perspective": 0,
                "scale": 0,
                "opacity": 0,
                "rotateX": 0,
                "rotateY": 0,
                "rotateZ": 0
            },
            "option": {
                "content": "<template>\n  <div class=\"tabs\">\n    <div class=\"arrow-wrap left-arrow\" @click=\"scrollTabs(1)\">\n      <i class=\"anticon el-icon-arrow-left\"></i>\n    </div>\n    <div class=\"arrow-wrap right-arrow\" @click=\"scrollTabs(-1)\">\n      <i class=\"anticon el-icon-arrow-right\"></i>\n    </div>\n    <div class=\"scroll-tabs\" ref=\"scrollTabs\">\n      <div\n        class=\"tabs-wrap\"\n        :style=\"{ transform: `translateX(${translateX}px)` }\"\n      >\n        <div\n          class=\"tab-item\"\n          v-for=\"(item, index) in tabs\"\n          :key=\"item.key\"\n          @click=\"changeTab(index)\"\n          :class=\"{ active: activeIndex === index }\"\n        >\n          <div class=\"tab-item-info\">\n            <img\n              class=\"tab-item-img\"\n              src=\"https://waspring.oss-cn-hangzhou.aliyuncs.com/upload/20231018/e6317d5088ebdd540aff3e8ad5338b3c.svg\"\n            />\n            <span class=\"tab-item-text\">{{ item.label }}</span>\n            <span class=\"tab-item-online\">{{ item.online }}</span>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n      activeIndex: 0,\n      translateX: 0,\n      showArrow: { left: false, right: false }, // 初始化不显示箭头\n      tabs: [],\n    };\n  },\n  mounted() {\n    // 监听容器宽度变化\n    window.addEventListener(\"resize\", this.handleResize);\n    this.handleResize();\n  },\n  watch: {\n    dataChart: {\n      handler(val) {\n        if (val && val.length > 0) {\n          this.tabs = [];\n          val.map((item, index) => {\n            this.tabs.push({\n              key: item.升降机名称,\n              label: item.升降机名称,\n              online: item.状态,\n            });\n          });\n          this.changeTab(0);\n        }\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n  methods: {\n    // 切换标签页\n    changeTab(index) {\n      this.activeIndex = index;\n      const tabsWidth = this.$refs.scrollTabs.offsetWidth;\n      const itemWidth =\n        this.$refs.scrollTabs.querySelector(\".tab-item\").offsetWidth;\n      this.translateX = -index * itemWidth - index * 20;\n      this.updateShowArrow(); // 更新箭头显示状态\n      let record = this.dataChart[index];\n      this.refList[\"652b80b6-c408-40c6-8f5d-36bd572dedb9\"].$refs.main.injections =[{\"key\":\"elevatorId\",\"value\":record.升降机id},{\"key\":\"deviceNo\",\"value\":record.升降机编码}];\n      this.refList[\"74acafad-2126-4026-8870-f60e212b7524\"].dataChart.value = record.重量||'--';\n      this.refList[\"01f97c1e-2fb2-49df-899f-f576491254ce\"].dataChart.value = record.高度||'--';\n      this.refList[\"3ce7ee27-db79-4cc9-a69c-92eb9f5977b0\"].dataChart.value = record.速度||'--';\n      this.refList[\"27b5e4d4-e88c-427b-882e-4ffe3ade19bf\"].dataChart.value = record.倾角X||'--';\n      this.refList[\"5e1f71af-1755-4cc2-8ad3-15ee25fddcba\"].dataChart.value = record.倾角X百分比||'--';\n      this.refList[\"d42bb25f-0786-4079-babb-29e6280d1244\"].dataChart.value = record.重量百分比||'--';\n    },\n    // 滚动标签页\n    scrollTabs(direction) {\n      const tabsWidth = this.$refs.scrollTabs.offsetWidth;\n      const itemWidth =\n        this.$refs.scrollTabs.querySelector(\".tab-item\").offsetWidth;\n      const maxTranslateX = (this.tabs.length - 1) * itemWidth;\n      let newTranslateX = this.translateX + itemWidth * direction;\n      if (newTranslateX > 0) {\n        newTranslateX = 0;\n      } else if (newTranslateX < -maxTranslateX) {\n        newTranslateX = -maxTranslateX;\n      }\n      this.translateX = newTranslateX;\n      this.updateShowArrow(); // 更新箭头显示状态\n    },\n    // 处理容器宽度变化\n    handleResize() {\n      const tabsWidth = this.$refs.scrollTabs.offsetWidth;\n      const itemWidth =\n        this.$refs.scrollTabs.querySelector(\".tab-item\").offsetWidth;\n      const totalWidth = itemWidth * this.tabs.length;\n      this.showArrow.left = this.translateX < 0; // 当前位置向左滚动时，显示左箭头\n      this.showArrow.right =\n        totalWidth > tabsWidth && this.translateX > -totalWidth + tabsWidth; // 长度超过父级宽度且可以向右滚动时，显示右箭头\n    },\n    // 更新箭头显示状态\n    updateShowArrow() {\n      const tabsWidth = this.$refs.scrollTabs.offsetWidth;\n      const itemWidth =\n        this.$refs.scrollTabs.querySelector(\".tab-item\").offsetWidth;\n      const maxTranslateX = (this.tabs.length - 1) * itemWidth;\n      this.showArrow.left = this.translateX < 0; // 当前位置向左滚动时，显示左箭头\n      this.showArrow.right = this.translateX > -maxTranslateX + tabsWidth; // 当前位置向右滚动时，显示右箭头\n    },\n  },\n  beforeDestroy() {\n    window.removeEventListener(\"resize\", this.handleResize);\n  },\n};\n</script>\n\n<style scoped>\n.tabs {\n  padding: 0 20px;\n  overflow: hidden;\n  position: relative;\n  box-sizing: border-box;\n}\n.scroll-tabs {\n  position: relative;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.tabs-wrap {\n  display: inline-block;\n  transition: transform 0.3s ease-out;\n}\n\n.tab-item {\n  display: inline-block;\n  padding: 12px 20px;\n  cursor: pointer;\n  opacity: 0.6;\n  border: 2px solid #00ffff;\n  color: #00ffff;\n  font-size: 20px;\n  font-weight: 700;\n  margin: 0 10px;\n}\n\n.tab-item.active {\n  border: 2px solid #00ffff;\n  background: linear-gradient(180deg, #00d5f7 0%, #3a21fd 100%),\n    linear-gradient(0deg, #00ffff, #00ffff);\n  color: #ffffff;\n  opacity: 1;\n}\n\n.arrow-wrap {\n  position: absolute;\n  top: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 32px;\n  height: 100%;\n  color: #fff;\n  cursor: pointer;\n  font-size: 20px;\n}\n.tab-item-info {\n  display: flex;\n  align-items: center;\n}\n.tab-item-img {\n  width: 36px;\n  height: 36px;\n  margin-right: 20px;\n}\n.tab-item-text {\n  margin-right: 10px;\n}\n.arrow-wrap.left-arrow {\n  left: -5px;\n}\n\n.arrow-wrap.right-arrow {\n  right: -5px;\n}\n.left-arrow:hover .el-icon-arrow-left,\n.right-arrow:hover .el-icon-arrow-right {\n  color: #1890ff;\n}\n</style>\n"
            },
            "left": 7.68,
            "top": 772.19,
            "index": "77360258-f492-4177-9758-e16962c506d4",
            "child": {
                "index": [],
                "paramList": [],
                "paramName": ""
            },
            "zIndex": 40,
            "display": false,
            "public": "7b91de36-d89f-4c16-bd7c-a892ac99461c",
            "dataMethod": "post",
            "url": "http://test_console_api.ihibuilding.cn/proxy/api/v1/screen/unit_data"
        },
        {
            "title": "图片",
            "name": "图片",
            "icon": "icon-img",
            "img": "img/assets/img.png",
            "top": 420.45,
            "left": 436.7,
            "dataType": 0,
            "data": {
                "value": "https://waspring.oss-cn-hangzhou.aliyuncs.com/upload/20231116/1972ca5066ea0a6e6cffe9521d8e143b.png"
            },
            "dataFormatter": "",
            "dataHeader": "",
            "dataQuery": "",
            "stylesFormatter": "",
            "component": {
                "width": 814.74,
                "height": 2.91,
                "name": "img",
                "prop": "img"
            },
            "option": {
                "duration": "1000",
                "opacity": 0
            },
            "index": "7d186c47-f2c2-4ed7-81ff-0548ccfc2c6c",
            "child": {
                "index": [],
                "paramList": []
            },
            "zIndex": 39
        },
        {
            "title": "文件夹",
            "name": "平台总数",
            "index": "b8824fc6-4927-4497-90e4-40763ff57524",
            "menu": false,
            "display": false,
            "lock": false,
            "children": [
                {
                    "title": "文本框",
                    "name": "升降机总数",
                    "icon": "icon-text",
                    "img": "img/assets/text.png",
                    "dataType": 0,
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "data": {
                        "value": "升降机总数"
                    },
                    "component": {
                        "width": 155.93,
                        "height": 40,
                        "name": "text",
                        "prop": "text"
                    },
                    "option": {
                        "textAlign": "center",
                        "fontSize": 20,
                        "fontWeight": "normal",
                        "color": "#fff"
                    },
                    "left": 87.66,
                    "top": 45.84,
                    "index": "99d9564c-6350-49cf-ae21-dff1e14271f9",
                    "zIndex": 37,
                    "display": false
                },
                {
                    "title": "文本框",
                    "name": "在线总数",
                    "icon": "icon-text",
                    "img": "img/assets/text.png",
                    "dataType": 0,
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "data": {
                        "value": "在线总数"
                    },
                    "component": {
                        "width": 100,
                        "height": 40,
                        "name": "text",
                        "prop": "text"
                    },
                    "option": {
                        "textAlign": "center",
                        "fontSize": 20,
                        "fontWeight": "normal",
                        "color": "#fff"
                    },
                    "left": 586.23,
                    "top": 50.06,
                    "index": "74990d0a-3bb5-4ee5-8bb5-6e945205a0ff",
                    "zIndex": 36,
                    "display": false
                },
                {
                    "title": "文本框",
                    "name": "在线率",
                    "icon": "icon-text",
                    "img": "img/assets/text.png",
                    "dataType": 0,
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "data": {
                        "value": "今日告警数"
                    },
                    "component": {
                        "width": 122.61,
                        "height": 40,
                        "name": "text",
                        "prop": "text"
                    },
                    "option": {
                        "textAlign": "center",
                        "fontSize": 20,
                        "fontWeight": "normal",
                        "color": "#fff"
                    },
                    "left": 1060.13,
                    "top": 48.16,
                    "index": "60ac92b7-5aee-4f14-81f8-887765ae8ef0",
                    "zIndex": 35,
                    "display": false
                },
                {
                    "title": "文本框",
                    "name": "56%",
                    "icon": "icon-text",
                    "img": "img/assets/text.png",
                    "dataType": 5,
                    "dataFormatter": "(data,params,refs)=>{\n    return {value:data.今日报警数||0}\n}",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "data": {
                        "value": "56%"
                    },
                    "component": {
                        "width": 152.19,
                        "height": 40,
                        "name": "text",
                        "prop": "text"
                    },
                    "option": {
                        "textAlign": "center",
                        "fontSize": 32,
                        "fontWeight": "normal",
                        "color": "#00FFFF"
                    },
                    "left": 1047.07,
                    "top": -0.68,
                    "index": "1fcb6aaf-44bf-4d47-86a1-f4b90aca6e64",
                    "zIndex": 34,
                    "display": false,
                    "public": "73218913-3925-464c-8915-dccd65ce097c"
                },
                {
                    "title": "文本框",
                    "name": "6",
                    "icon": "icon-text",
                    "img": "img/assets/text.png",
                    "dataType": 5,
                    "dataFormatter": "(data,params,refs)=>{\n    return {value:data.在线总数||0}\n}",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "data": {
                        "value": "6"
                    },
                    "component": {
                        "width": 152.19,
                        "height": 40,
                        "name": "text",
                        "prop": "text"
                    },
                    "option": {
                        "textAlign": "center",
                        "fontSize": 32,
                        "fontWeight": "normal",
                        "color": "#00FFFF"
                    },
                    "left": 561.27,
                    "top": 1.26,
                    "index": "a425068e-5fea-4ab9-91ae-6adc0a12b590",
                    "zIndex": 33,
                    "display": false,
                    "public": "6a8a0ca7-0930-428d-a927-0297671120c9"
                },
                {
                    "title": "文本框",
                    "name": "6",
                    "icon": "icon-text",
                    "img": "img/assets/text.png",
                    "dataType": 5,
                    "dataFormatter": "(data,params,refs)=>{\n    return {value:data.升降机总数||0}\n}",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "data": {
                        "value": "6"
                    },
                    "component": {
                        "width": 152.19,
                        "height": 40,
                        "name": "text",
                        "prop": "text"
                    },
                    "option": {
                        "textAlign": "center",
                        "fontSize": 32,
                        "fontWeight": "normal",
                        "color": "#00FFFF"
                    },
                    "left": 90.07,
                    "top": 2.68,
                    "index": "edeedc3a-091c-42ce-8de1-1c7d2a90c160",
                    "zIndex": 32,
                    "display": false,
                    "public": "e436893f-f558-4d94-8cda-817b7ca64324"
                }
            ],
            "zIndex": 38,
            "child": {},
            "isname": false,
            "dataFormatter": ""
        },
        {
            "title": "文件夹",
            "name": "基本信息",
            "index": "9d1d4288-75d3-4972-8317-1f796ac6a678",
            "menu": true,
            "display": false,
            "lock": false,
            "children": [
                {
                    "title": "文本框",
                    "name": "在线状态",
                    "icon": "icon-text",
                    "img": "img/assets/text.png",
                    "dataType": 0,
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "data": {
                        "value": "在线"
                    },
                    "component": {
                        "width": 100,
                        "height": 40,
                        "name": "text",
                        "prop": "text",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "textAlign": "center",
                        "fontSize": 20,
                        "fontWeight": "normal",
                        "color": "#fff"
                    },
                    "left": 310.72,
                    "top": 116.88,
                    "index": "373954dc-fbee-4696-bf00-5e135cde6c01",
                    "zIndex": 30
                },
                {
                    "name": "基本信息内容",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 1,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "(data,params,refs)=>{\n    return data.data||{}\n}",
                    "dataHeader": "",
                    "dataQuery": "(data)=>{\n    return {\n\"unit_no\": \"screen_jxsb_sjj_info_730\",\n\"project_id\":\"15855\",\n\"data_format\":\"row\",\n\"injections\":[\n{\"key\":\"elevatorId\",\"value\":75},\n{\"key\":\"deviceNo\",\"value\":\"1\"}\n]\n\n}\n}",
                    "stylesFormatter": "",
                    "component": {
                        "width": 335.5,
                        "height": 163.13,
                        "name": "vue",
                        "prop": "vue",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "content": "<template>\n  <div class=\"jxsb-jbxx\">\n    <div class=\"jxsb-head\">设备编号 {{record.deviceNo||'--'}}</div>\n    <div class=\"jxsb-conter\">\n      <el-image\n        style=\"width: 100px; height: 130px;\"\n        :src=\"record.photoUrl\"\n      ></el-image>\n      <div class=\"jxsb-ul\">\n        <div class=\"jxsb-li\">运行人员：{{record.driverName||'--'}}</div>\n        <div class=\"jxsb-li\">运行状态：{{record.statusStr||'--'}}</div>\n        <div class=\"jxsb-li\">工作时长：{{record.runTimeStr||'--'}}</div>\n        <div class=\"jxsb-li\">进场时间：{{record.inDate||'--'}}</div>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nexport default {\n  data() {\n    return {\n      injections:[],\n      record:{}\n\n    };\n  },\n  watch: {\n    injections: {\n      handler(val) {\n        if (val) {\n          this.$emit(\"click\",{value:val})\n        }\n      },\n      deep: true,\n      immediate: true,\n    },\n    dataChart: {\n      handler(val) {\n        this.record=val\n      },\n      deep: true,\n      immediate: true,\n    }\n  },\n  created() {},\n  methods: {},\n};\n</script>\n\n\n<style>\n.jxsb-jbxx {\n  width: 365px;\n  color: #fff;\n  box-sizing: border-box;\n}\n.jxsb-head {\n  font-size: 17px;\n  height: 36px;\n}\n.jxsb-conter {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.jxsb-ul{\n  width:calc(100% - 120px);\n}\n.jxsb-li{\n  font-size: 14px;\n  line-height: 30px;\n}\n\n\n</style>"
                    },
                    "left": 32.64,
                    "top": 182.7,
                    "index": "652b80b6-c408-40c6-8f5d-36bd572dedb9",
                    "child": {
                        "index": [
                            "652b80b6-c408-40c6-8f5d-36bd572dedb9"
                        ],
                        "paramList": [],
                        "paramName": "injections"
                    },
                    "zIndex": 29,
                    "url": "http://test_console_api.ihibuilding.cn/proxy/api/v1/screen/unit_data",
                    "dataMethod": "post"
                },
                {
                    "title": "图片",
                    "name": "图片",
                    "icon": "icon-img",
                    "img": "img/assets/img.png",
                    "top": 168.35,
                    "left": 19.04,
                    "dataType": 0,
                    "data": {
                        "value": "https://fast-release.oss-cn-hangzhou.aliyuncs.com/upload/20240716/ce4b13c60fac56ec38a020814323a2ce.png"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "component": {
                        "width": 365.37,
                        "height": 201.64,
                        "name": "img",
                        "prop": "img",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "duration": "1000",
                        "opacity": 0
                    },
                    "index": "a86fab69-6755-4a0d-845e-dc937a349a20",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 28
                },
                {
                    "title": "文本框",
                    "name": "基本信息",
                    "icon": "icon-text",
                    "img": "img/assets/text.png",
                    "dataType": 0,
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "data": {
                        "value": "基本信息"
                    },
                    "component": {
                        "width": 122.65,
                        "height": 40,
                        "name": "text",
                        "prop": "text"
                    },
                    "option": {
                        "textAlign": "center",
                        "fontSize": 26,
                        "fontWeight": "normal",
                        "color": "#fff"
                    },
                    "left": 11.9,
                    "top": 121.45,
                    "index": "cabe5e9b-7477-476b-a68e-acb7830b2b19",
                    "zIndex": 27
                }
            ],
            "zIndex": 31,
            "child": {},
            "isname": false,
            "dataFormatter": ""
        },
        {
            "title": "文件夹",
            "name": "设备状态",
            "index": "2178f1c0-0593-4002-9000-e049cdc39c88",
            "menu": false,
            "display": false,
            "lock": false,
            "children": [
                {
                    "title": "文本框",
                    "name": "11.00",
                    "icon": "icon-text",
                    "img": "img/assets/text.png",
                    "dataType": 0,
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "data": {
                        "value": "--"
                    },
                    "component": {
                        "width": 100,
                        "height": 40,
                        "name": "text",
                        "prop": "text",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "textAlign": "center",
                        "fontSize": 18,
                        "fontWeight": "normal",
                        "color": "#00FFFF"
                    },
                    "left": 260.04,
                    "top": 529.7,
                    "index": "27b5e4d4-e88c-427b-882e-4ffe3ade19bf",
                    "zIndex": 25
                },
                {
                    "title": "文本框",
                    "name": "11.00",
                    "icon": "icon-text",
                    "img": "img/assets/text.png",
                    "dataType": 0,
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "data": {
                        "value": "--"
                    },
                    "component": {
                        "width": 100,
                        "height": 40,
                        "name": "text",
                        "prop": "text",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "textAlign": "center",
                        "fontSize": 18,
                        "fontWeight": "normal",
                        "color": "#00FFFF"
                    },
                    "left": 141.05,
                    "top": 530.65,
                    "index": "3ce7ee27-db79-4cc9-a69c-92eb9f5977b0",
                    "zIndex": 24
                },
                {
                    "title": "文本框",
                    "name": "11.00",
                    "icon": "icon-text",
                    "img": "img/assets/text.png",
                    "dataType": 0,
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "data": {
                        "value": "--"
                    },
                    "component": {
                        "width": 100,
                        "height": 40,
                        "name": "text",
                        "prop": "text",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "textAlign": "center",
                        "fontSize": 18,
                        "fontWeight": "normal",
                        "color": "#00FFFF"
                    },
                    "left": 259.08,
                    "top": 470.18,
                    "index": "01f97c1e-2fb2-49df-899f-f576491254ce",
                    "zIndex": 23
                },
                {
                    "title": "文本框",
                    "name": "11.00",
                    "icon": "icon-text",
                    "img": "img/assets/text.png",
                    "dataType": 0,
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "data": {
                        "value": "--"
                    },
                    "component": {
                        "width": 100,
                        "height": 40,
                        "name": "text",
                        "prop": "text",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "textAlign": "center",
                        "fontSize": 18,
                        "fontWeight": "normal",
                        "color": "#00FFFF"
                    },
                    "left": 142.01,
                    "top": 470.19,
                    "index": "74acafad-2126-4026-8870-f60e212b7524",
                    "zIndex": 22
                },
                {
                    "title": "文本框",
                    "name": "22.7%",
                    "icon": "icon-text",
                    "img": "img/assets/text.png",
                    "dataType": 0,
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "data": {
                        "value": "--"
                    },
                    "component": {
                        "width": 51,
                        "height": 31,
                        "name": "text",
                        "prop": "text",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "textAlign": "center",
                        "fontSize": 15,
                        "fontWeight": "normal",
                        "color": "#00FFFF"
                    },
                    "left": 11.46,
                    "top": 667,
                    "index": "5e1f71af-1755-4cc2-8ad3-15ee25fddcba",
                    "zIndex": 21
                },
                {
                    "title": "文本框",
                    "name": "78%",
                    "icon": "icon-text",
                    "img": "img/assets/text.png",
                    "dataType": 0,
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "data": {
                        "value": "--"
                    },
                    "component": {
                        "width": 51.04,
                        "height": 31.36,
                        "name": "text",
                        "prop": "text",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "textAlign": "center",
                        "fontSize": 15,
                        "fontWeight": "normal",
                        "color": "#00FFFF"
                    },
                    "left": 230.27,
                    "top": 668.88,
                    "index": "d42bb25f-0786-4079-babb-29e6280d1244",
                    "zIndex": 20
                },
                {
                    "title": "文本框",
                    "name": "倾角",
                    "icon": "icon-text",
                    "img": "img/assets/text.png",
                    "dataType": 0,
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "data": {
                        "value": "倾角"
                    },
                    "component": {
                        "width": 100,
                        "height": 40,
                        "name": "text",
                        "prop": "text"
                    },
                    "option": {
                        "textAlign": "center",
                        "fontSize": 15,
                        "fontWeight": "normal",
                        "color": "#fff"
                    },
                    "left": 261.02,
                    "top": 554.63,
                    "index": "59dbe8a8-ec13-44f2-84b2-1c0189a1174e",
                    "zIndex": 19
                },
                {
                    "title": "文本框",
                    "name": "重量",
                    "icon": "icon-text",
                    "img": "img/assets/text.png",
                    "dataType": 0,
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "data": {
                        "value": "重量"
                    },
                    "component": {
                        "width": 100,
                        "height": 40,
                        "name": "text",
                        "prop": "text"
                    },
                    "option": {
                        "textAlign": "center",
                        "fontSize": 15,
                        "fontWeight": "normal",
                        "color": "#fff"
                    },
                    "left": 142.99,
                    "top": 493.20000000000005,
                    "index": "d4a343f7-fa44-4a32-8c9e-16ce97c956df",
                    "zIndex": 18
                },
                {
                    "title": "文本框",
                    "name": "高度",
                    "icon": "icon-text",
                    "img": "img/assets/text.png",
                    "dataType": 0,
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "data": {
                        "value": "高度"
                    },
                    "component": {
                        "width": 100,
                        "height": 40,
                        "name": "text",
                        "prop": "text"
                    },
                    "option": {
                        "textAlign": "center",
                        "fontSize": 15,
                        "fontWeight": "normal",
                        "color": "#fff"
                    },
                    "left": 260.06,
                    "top": 492.23,
                    "index": "443ae7d8-191d-4f9e-89be-7b7098777e6c",
                    "zIndex": 17
                },
                {
                    "title": "文本框",
                    "name": "速度",
                    "icon": "icon-text",
                    "img": "img/assets/text.png",
                    "dataType": 0,
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "data": {
                        "value": "速度"
                    },
                    "component": {
                        "width": 100,
                        "height": 40,
                        "name": "text",
                        "prop": "text"
                    },
                    "option": {
                        "textAlign": "center",
                        "fontSize": 15,
                        "fontWeight": "normal",
                        "color": "#fff"
                    },
                    "left": 141.07,
                    "top": 554.62,
                    "index": "e786fb1b-e618-47e2-94d0-2457471d8f21",
                    "zIndex": 16
                },
                {
                    "title": "文本框",
                    "name": "倾角比例",
                    "icon": "icon-text",
                    "img": "img/assets/text.png",
                    "dataType": 0,
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "data": {
                        "value": "倾角比例"
                    },
                    "component": {
                        "width": 125.92,
                        "height": 40,
                        "name": "text",
                        "prop": "text"
                    },
                    "option": {
                        "textAlign": "center",
                        "fontSize": 18,
                        "fontWeight": "normal",
                        "color": "#fff"
                    },
                    "left": -9.63,
                    "top": 642,
                    "index": "940276ce-86f5-4f45-9820-1894c18aa7b5",
                    "zIndex": 15
                },
                {
                    "title": "文本框",
                    "name": "吊重比例",
                    "icon": "icon-text",
                    "img": "img/assets/text.png",
                    "dataType": 0,
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "data": {
                        "value": "吊重比例"
                    },
                    "component": {
                        "width": 141.25,
                        "height": 40,
                        "name": "text",
                        "prop": "text"
                    },
                    "option": {
                        "textAlign": "center",
                        "fontSize": 18,
                        "fontWeight": "normal",
                        "color": "#fff"
                    },
                    "left": 205.32,
                    "top": 643.94,
                    "index": "dba57498-dbfa-447f-adb0-036693fc48b6",
                    "zIndex": 14
                },
                {
                    "title": "文本框",
                    "name": "设备状态",
                    "icon": "icon-text",
                    "img": "img/assets/text.png",
                    "dataType": 0,
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "data": {
                        "value": "设备状态"
                    },
                    "component": {
                        "width": 122.65,
                        "height": 40,
                        "name": "text",
                        "prop": "text"
                    },
                    "option": {
                        "textAlign": "center",
                        "fontSize": 26,
                        "fontWeight": "normal",
                        "color": "#fff"
                    },
                    "left": 8.06,
                    "top": 386.33,
                    "index": "6f2c9df6-fcb9-409c-8ce0-723526788957",
                    "zIndex": 13
                },
                {
                    "title": "图片",
                    "name": "图片",
                    "icon": "icon-img",
                    "img": "img/assets/img.png",
                    "top": 485.63,
                    "left": 41.28,
                    "dataType": 0,
                    "data": {
                        "value": "https://fast-release.oss-cn-hangzhou.aliyuncs.com/upload/20240717/b8d43a65f1a7310f319dafc1f4ee8c42.png"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "component": {
                        "width": 90.72,
                        "height": 85.44,
                        "name": "img",
                        "prop": "img"
                    },
                    "option": {
                        "duration": "1000",
                        "opacity": 0
                    },
                    "index": "b5aeae34-8dc9-4144-978e-c018d5232a6a",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 12
                },
                {
                    "name": "吊重比例图表",
                    "title": "通用型",
                    "icon": "icon-bar",
                    "img": "img/assets/text5.png",
                    "dataType": 1,
                    "dataMethod": "get",
                    "data": {
                        "categories": [
                            "苹果",
                            "三星",
                            "小米",
                            "oppo",
                            "vivo"
                        ],
                        "series": [
                            {
                                "name": "手机品牌",
                                "data": [
                                    1000879,
                                    3400879,
                                    2300879,
                                    5400879,
                                    3400879
                                ]
                            }
                        ]
                    },
                    "echartFormatter": "function (data,params){\n    console.log(data);\n    const myChart = this.myChart;\n    return {\n                 grid: {\n            top: 0,\n            bottom: 0,\n            left: \"10%\",\n            right: \"10%\"\n          },\n          xAxis: {\n            show: false,\n            type: \"value\",\n            boundaryGap: [0, 0]\n          },\n          yAxis: [\n            {\n              type: \"category\",\n              data: [\"\"],\n              axisLine: { show: false },\n              axisTick: [\n                {\n                  show: false\n                }\n              ]\n            }\n          ],\n          series: [\n            {\n              name: \"金额\",\n              type: \"bar\",\n              zlevel: 1,\n              itemStyle: {\n                normal: {\n                  barBorderRadius: 30,\n                color: new echarts.graphic.LinearGradient(1, 0, 0, 1, [\n                  {\n                    offset: 0,\n                    color: \"#DF5BF4\"\n                  },\n                  {\n                    offset: 1,\n                    color: \"#035BFF\"\n                  }\n                ])\n                }\n              },\n              barWidth: 20,\n              data: [10]\n            },\n            {\n              name: \"背景\",\n              type: \"bar\",\n              barWidth: 20,\n              barGap: \"-100%\",\n              data: [15],\n              itemStyle: {\n                normal: {\n                  color: \"rgba(28, 128, 213, 0.19)\",\n                \n                  barBorderRadius: 30\n                }\n              }\n            }\n          ]\n    };\n}",
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "url": "",
                    "component": {
                        "width": 170.04,
                        "height": 14.9,
                        "name": "common",
                        "prop": "common",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "left": -0.9200000000000159,
                    "top": 703.4100000000001,
                    "index": "c0517c88-62ca-4799-857c-346a6cb497b2",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 11
                },
                {
                    "name": "倾角比例图表",
                    "title": "通用型",
                    "icon": "icon-bar",
                    "img": "img/assets/text5.png",
                    "dataType": 1,
                    "dataMethod": "get",
                    "data": {
                        "categories": [
                            "苹果",
                            "三星",
                            "小米",
                            "oppo",
                            "vivo"
                        ],
                        "series": [
                            {
                                "name": "手机品牌",
                                "data": [
                                    1000879,
                                    3400879,
                                    2300879,
                                    5400879,
                                    3400879
                                ]
                            }
                        ]
                    },
                    "echartFormatter": "function (data,params){\n    console.log(data);\n    const myChart = this.myChart;\n    return {\n                 grid: {\n            top: 0,\n            bottom: 0,\n            left: \"10%\",\n            right: \"10%\"\n          },\n          xAxis: {\n            show: false,\n            type: \"value\",\n            boundaryGap: [0, 0]\n          },\n          yAxis: [\n            {\n              type: \"category\",\n              data: [\"\"],\n              axisLine: { show: false },\n              axisTick: [\n                {\n                  show: false\n                }\n              ]\n            }\n          ],\n          series: [\n            {\n              name: \"金额\",\n              type: \"bar\",\n              zlevel: 1,\n              itemStyle: {\n                normal: {\n                  barBorderRadius: 30,\n                color: new echarts.graphic.LinearGradient(1, 0, 0, 1, [\n                  {\n                    offset: 0,\n                    color: \"#DF5BF4\"\n                  },\n                  {\n                    offset: 1,\n                    color: \"#035BFF\"\n                  }\n                ])\n                }\n              },\n              barWidth: 20,\n              data: [10]\n            },\n            {\n              name: \"背景\",\n              type: \"bar\",\n              barWidth: 20,\n              barGap: \"-100%\",\n              data: [15],\n              itemStyle: {\n                normal: {\n                  color: \"rgba(28, 128, 213, 0.19)\",\n                \n                  barBorderRadius: 30\n                }\n              }\n            }\n          ]\n    };\n}",
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "url": "",
                    "component": {
                        "width": 170.04,
                        "height": 14.91,
                        "name": "common",
                        "prop": "common",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "left": 223.66,
                    "top": 702.45,
                    "index": "29799e65-edbc-4ffb-984b-3e44886e12d5",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 10
                },
                {
                    "title": "图片",
                    "name": "背景",
                    "icon": "icon-img",
                    "img": "img/assets/img.png",
                    "top": 438.99,
                    "left": 19.04,
                    "dataType": 0,
                    "data": {
                        "value": "https://fast-release.oss-cn-hangzhou.aliyuncs.com/upload/20240716/ce4b13c60fac56ec38a020814323a2ce.png"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "component": {
                        "width": 367.29,
                        "height": 176.68,
                        "name": "img",
                        "prop": "img"
                    },
                    "option": {
                        "duration": "1000",
                        "opacity": 0
                    },
                    "index": "654a21d2-8d0c-4c11-8081-209869d16290",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 9,
                    "display": false
                }
            ],
            "zIndex": 26,
            "child": {},
            "isname": false,
            "left": null,
            "top": null
        },
        {
            "title": "文件夹",
            "name": "预警记录",
            "index": "421aaf18-6645-4d5c-9dc4-4ea71794014c",
            "menu": false,
            "display": false,
            "lock": false,
            "children": [],
            "zIndex": 8,
            "child": {},
            "isname": false,
            "dataFormatter": ""
        },
        {
            "title": "文件夹",
            "name": "报警记录",
            "index": "e9d2741c-d0b8-48c6-8f76-facf3a66f353",
            "menu": false,
            "display": false,
            "lock": false,
            "children": [
                {
                    "title": "文本框",
                    "name": "累计各项报警数据统计",
                    "icon": "icon-text",
                    "img": "img/assets/text.png",
                    "dataType": 0,
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "data": {
                        "value": "累计各项报警数据统计"
                    },
                    "component": {
                        "width": 279.46,
                        "height": 40,
                        "name": "text",
                        "prop": "text"
                    },
                    "option": {
                        "textAlign": "center",
                        "fontSize": 26,
                        "fontWeight": "normal",
                        "color": "#fff"
                    },
                    "left": 843.47,
                    "top": 451.97,
                    "index": "3b3b0447-626e-408c-b0df-dde5e346b83f",
                    "zIndex": 6
                },
                {
                    "title": "文本框",
                    "name": "报警记录",
                    "icon": "icon-text",
                    "img": "img/assets/text.png",
                    "dataType": 0,
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "data": {
                        "value": "历史运行信息"
                    },
                    "component": {
                        "width": 189.22,
                        "height": 40,
                        "name": "text",
                        "prop": "text"
                    },
                    "option": {
                        "textAlign": "center",
                        "fontSize": 26,
                        "fontWeight": "normal",
                        "color": "#fff"
                    },
                    "left": 423.18,
                    "top": 453.89,
                    "index": "14b74a2b-795e-4795-8d3c-d448f08de322",
                    "zIndex": 5
                },
                {
                    "name": "累计各项报警数据统计图表",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 1,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "(data,params,refs)=>{\n    return {data:data.data.list}\n}",
                    "dataHeader": "",
                    "dataQuery": "(data)=>{\n    return {\n\"unit_no\": \"screen_ygfx_grgz_count_730\",\n\"project_id\":2205,\n\"data_format\":\"row\"\n}\n}",
                    "stylesFormatter": "",
                    "component": {
                        "width": 418.06,
                        "height": 240.85,
                        "name": "vue",
                        "prop": "vue"
                    },
                    "option": {
                        "content": "<template>\n  <div :id=\"randomId\" class=\"barChart\"></div>\n</template>\n\n<script>\nexport default {\n  components: {},\n  data() {\n    return {\n      randomId: \"barChart\",\n    };\n  },\n  watch: {\n    dataChart: {\n      handler(val) {\n        console.log(val, \"val\");\n        if (val.data) {\n          let date = new Date();\n          this.randomId =\n            \"barChart\" + date.getTime() + parseInt(Math.random(0, 1) * 1000);\n          let _this = this;\n          let data = val || [];\n          this.$nextTick(() => {\n            window\n              .$loadScript(\n                \"js\",\n                \"https://cdn.staticfile.org/echarts/5.4.0/echarts.min.js\"\n              )\n              .then(() => {\n                _this.initChart(data);\n              });\n          });\n        }\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n  methods: {\n    initChart(data) {\n      let myChart = echarts.init(document.getElementById(this.randomId));\n      var salvProName = [];\n      var salvProValue = [];\n      data?.data.map((item) => {\n        salvProName.push(item.工种);\n        salvProValue.push(item.数量);\n      });\n\n      var salvProMax = []; //背景按最大值\n      for (let i = 0; i < salvProValue.length; i++) {\n        salvProMax.push(salvProValue[0]);\n      }\n      let options = {\n        grid: {\n          left: \"2%\",\n          right: \"2%\",\n          bottom: \"0%\",\n          top: \"2%\",\n          containLabel: true,\n        },\n        dataZoom: [\n          {\n            type: \"inside\",\n            show: true,\n            backgroundColor: \"rgb(19, 63, 100)\",\n            fillerColor: \"#0b3292\",\n            borderColor: \"\",\n            startValue: 0,\n            endValue: 5,\n            yAxisIndex: [0, 1],\n          },\n        ],\n        tooltip: {\n          trigger: \"axis\",\n          axisPointer: {\n            type: \"none\",\n          },\n          formatter: function (params) {\n            return params[0].name + \" : \" + params[0].value;\n          },\n        },\n        xAxis: {\n          show: false,\n          type: \"value\",\n        },\n        yAxis: [\n          {\n            type: \"category\",\n            inverse: true,\n            axisLabel: {\n              show: true,\n              textStyle: {\n                color: \"#fff\",\n              },\n            },\n            splitLine: {\n              show: false,\n            },\n            axisTick: {\n              show: false,\n            },\n            axisLine: {\n              show: false,\n            },\n            data: salvProName,\n          },\n          {\n            type: \"category\",\n            inverse: true,\n            axisTick: \"none\",\n            axisLine: \"none\",\n            show: true,\n            axisLabel: {\n              textStyle: {\n                color: \"#ffffff\",\n                fontSize: \"12\",\n              },\n            },\n            data: salvProValue,\n          },\n        ],\n        series: [\n          {\n            name: \"值\",\n            type: \"bar\",\n            zlevel: 1,\n            itemStyle: {\n              normal: {\n                barBorderRadius: 30,\n                color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [\n                  {\n                    offset: 0,\n                    color: \"#035BFF\",\n                  },\n                  {\n                    offset: 1,\n                    color: \"#DF5BF4\",\n                  },\n                ]),\n              },\n            },\n            data: salvProValue,\n          },\n        ],\n      };\n      myChart.clear();\n      myChart.resize();\n      myChart.setOption(options);\n    },\n  },\n  mounted() {},\n};\n</script>\n<style lang=\"less\" scoped>\n.barChart {\n  width: 100%;\n  height: 100%;\n}\n</style>\n"
                    },
                    "left": 849.29,
                    "top": 512.51,
                    "index": "dfbd5613-4e88-472d-9eca-fa698c912bbc",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 4,
                    "url": "https://console-api.hibuilding.cn/proxy/api/v1/screen/unit_data",
                    "dataMethod": "post"
                },
                {
                    "title": "表格",
                    "name": "表格",
                    "icon": "icon-table",
                    "img": "img/assets/table.png",
                    "top": 510.93,
                    "left": 428.3,
                    "dataType": 1,
                    "data": [
                        {
                            "type1": "数据1",
                            "type2": "数据1"
                        },
                        {
                            "type1": "数据2",
                            "type2": "数据2"
                        },
                        {
                            "type1": "数据3",
                            "type2": "数据3"
                        },
                        {
                            "type1": "数据4",
                            "type2": "数据4"
                        }
                    ],
                    "dataFormatter": "(data,params,refs)=>{\n    return data.data.items\n}",
                    "dataHeader": "",
                    "dataQuery": "(data)=>{\n    return {\n\"unit_no\": \"screen_jxsb_xlpt_bjyj_list_730\",\n\"project_id\":\"15855\",\n\"data_format\":\"row\",\n\"injections\":[\n{\"key\":\"equipId\",\"value\":9},\n{\"key\":\"equipNo\",\"value\":\"0701\"},\n{\"key\":\"alarmType\",\"value\":1}\n]\n\n}\n}",
                    "stylesFormatter": "",
                    "component": {
                        "width": 397.71,
                        "height": 235.75,
                        "name": "table",
                        "prop": "table"
                    },
                    "option": {
                        "showHeader": true,
                        "columnShow": true,
                        "columnViews": true,
                        "headerBackground": "#70329e",
                        "headerColor": "#fff",
                        "headerTextAlign": "center",
                        "nthColor": "#161157",
                        "bodyBackground": "rgba(0, 0, 0, 0.01)",
                        "bodyColor": "#fff",
                        "bodyTextAlign": "center",
                        "align": "center",
                        "headerAlign": "center",
                        "header": false,
                        "scrollSpeed": 1,
                        "fontSize": 15,
                        "count": 4,
                        "index": false,
                        "column": [
                            {
                                "label": "设备编号",
                                "prop": "equipNo",
                                "hide": false,
                                "$index": 0
                            },
                            {
                                "label": "设备名称",
                                "prop": "equipName",
                                "hide": false,
                                "$index": 1
                            },
                            {
                                "label": "重量",
                                "prop": "alarmParameterValue",
                                "hide": false,
                                "formatter": "(name,data)=>{\n    return data.alarmParameterValue+'kg'\n}",
                                "$index": 2
                            },
                            {
                                "label": "时间",
                                "prop": "startTime",
                                "hide": false,
                                "$index": 3
                            }
                        ],
                        "othColor": "#3f2077",
                        "headerFontSize": 16,
                        "bodyFontSize": 14,
                        "scroll": true
                    },
                    "index": "6acf1aee-65f1-4d0d-9cde-b0341e40812e",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 3,
                    "url": "http://test_console_api.ihibuilding.cn/proxy/api/v1/screen/unit_data",
                    "dataMethod": "post"
                }
            ],
            "zIndex": 7,
            "child": {},
            "isname": false,
            "dataFormatter": ""
        },
        {
            "title": "文件夹",
            "name": "一周报警数据统计",
            "index": "e285edf8-85d5-4c62-8d36-6870aedac5cb",
            "menu": false,
            "display": false,
            "lock": false,
            "children": [
                {
                    "title": "文本框",
                    "name": "报警数据统计",
                    "icon": "icon-text",
                    "img": "img/assets/text.png",
                    "dataType": 0,
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "data": {
                        "value": "一周报警数据统计"
                    },
                    "component": {
                        "width": 223.76,
                        "height": 40,
                        "name": "text",
                        "prop": "text"
                    },
                    "option": {
                        "textAlign": "center",
                        "fontSize": 26,
                        "fontWeight": "normal",
                        "color": "#fff"
                    },
                    "left": 430.9,
                    "top": 117.16,
                    "index": "30e251c6-d915-4ca4-8cca-c0910786bdc6",
                    "zIndex": 1
                },
                {
                    "name": "报警数据统计图",
                    "title": "通用型",
                    "icon": "icon-bar",
                    "img": "img/assets/text5.png",
                    "dataType": 1,
                    "dataMethod": "post",
                    "data": {
                        "categories": [
                            "苹果",
                            "三星",
                            "小米",
                            "oppo",
                            "vivo"
                        ],
                        "series": [
                            {
                                "name": "手机品牌",
                                "data": [
                                    1000879,
                                    3400879,
                                    2300879,
                                    5400879,
                                    3400879
                                ]
                            }
                        ]
                    },
                    "echartFormatter": "function (data){\n  const myChart = this.myChart;\n  var xData=[]\n  var yData=[]\n  data?.data.map((item)=>{\n   xData.push(item.报警次数)\n   yData.push(item.报警类型)\n  })\n \n  return {\n      \n  \"title\": {\n     \"dataZoom\": [{\n        \"show\": true,\n        \"height\": 12,\n        \"xAxisIndex\": [\n          0\n        ],\n        bottom:'8%',\n        \"start\": 10,\n        \"end\": 90,\n        handleIcon: 'path://M306.1,413c0,2.2-1.8,4-4,4h-59.8c-2.2,0-4-1.8-4-4V200.8c0-2.2,1.8-4,4-4h59.8c2.2,0,4,1.8,4,4V413z',\n        handleSize: '110%',\n        handleStyle:{\n          color:\"#d3dee5\",\n \n        },\n        textStyle:{\n          color:\"#fff\"},\n        borderColor:\"#90979c\"\n      }, {\n        \"type\": \"inside\",\n        \"show\": true,\n        \"height\": 15,\n        \"start\": 1,\n        \"end\": 35\n      }],\n      x: \"center\",\n      y:\"4%\",\n      textStyle: {\n          color: '#fff',\n          fontSize: '22'\n      },\n      subtextStyle: {\n          color: '#90979c',\n          fontSize: '16',\n \n      },\n  },\n  tooltip: {\n      trigger: 'axis',\n      axisPointer: {\n          type: 'shadow'\n      }\n  },\n  grid: {\n      top: '15%',\n      right: '5%',\n      left: '5%',\n      bottom: '12%'\n  },\n  xAxis: [{\n      type: 'category',\n      data: xData,\n      axisLine: {\n          lineStyle: {\n              color: 'rgba(255,255,255,0.12)'\n          }\n      },\n      axisLabel: {\n          margin: 5,\n          color: '#e2e9ff',\n          textStyle: {\n              fontSize: 14\n          },\n      },\n  }],\n  yAxis: [{\n      minInterval:1,\n      axisLabel: {\n          formatter: '{value}',\n          color: '#e2e9ff',\n      },\n      axisLine: {\n          show: false,\n          lineStyle: {\n              color: 'rgba(255,255,255,1)'\n          }\n      },\n      splitLine: {\n          lineStyle: {\n              color: 'rgba(255,255,255,0.12)'\n          }\n      }\n  }],\n  series: [{\n      type: 'bar',\n      data: yData,\n      barWidth: '20px',\n      itemStyle: {\n          normal: {\n              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n                  offset: 0,\n                  color: '#DF5BF4' // 0% 处的颜色\n              }, {\n                  offset: 1,\n                  color: '#035BFF' // 100% 处的颜色\n              }], false),\n              barBorderRadius: [30, 30, 30, 30],\n              shadowColor: 'rgba(0,160,221,1)',\n              \n          }\n      },\n    \n  }]\n  };\n }",
                    "dataFormatter": "(data,params,refs)=>{\n    return {data:data.data.list}\n}",
                    "dataHeader": "",
                    "dataQuery": "(data)=>{\nreturn{\n\"unit_no\": \"screen_jxsb_sjj_ljgxbj_count_730\",\n\"project_id\":\"15855\",\n\"data_format\":\"row\",\n\"injections\":[\n{\"key\":\"elevator_id\",\"value\":75}\n\n]\n\n}\n}",
                    "stylesFormatter": "",
                    "url": "http://test_console_api.ihibuilding.cn/proxy/api/v1/screen/unit_data",
                    "component": {
                        "width": 833.21,
                        "height": 300,
                        "name": "common",
                        "prop": "common"
                    },
                    "left": 429.89,
                    "top": 137.28,
                    "index": "cf26ec89-f0b1-4f82-8235-c9e07ad25f6a",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 0
                }
            ],
            "zIndex": 2,
            "child": {},
            "dataFormatter": "",
            "isname": false
        }
    ]
}